<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath() + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <style type="text/css"> 
 .tzxm>div{
    width: 190px;
    height: 140px;
    float: left;
    margin:0px 10px 10px 0px;
    background: url("img/touzi.png");
}
 .tzxm>div>p,.ytxm>div>p{
    text-align: center;
    display: none;
    margin-top: -60px;
    color: #fff;
    font-weight: bold;
}
 .tzxm>div>img,.ytxm>div>img{
    width: 190px;
    height: 140px;
    display: none;
}
 .tzxm-fy,.ytxm-fy{
    border: 3px solid #cacaca;
    padding: 20px;
    display: none;
}
 .tzxm-fy h3,.ytxm-fy h3{
    text-align: center;
}
 .tzxm-fy-xx,.ytxm-fy-xx{
    margin: 10px 0px;
}
 .tzxm-fy-xx>p>span,.ytxm-fy-xx>p>span{
    display:inline-block;
    width: 130px;
}
    </style>
    <div class="right dtxm-fy">
            <div class="dtxm-fy-xx">
                <p><span>项目所有人：</span></p>
                <p><span>项目分类：</span></p>
                <p><span>阶段发展：</span></p>
                <p><span>融资额:</span></p>
                <p><span>项目发布时间：</span></p>
            </div>
            <img src="img/gongsi.png">
            <p></p>
            <p class="lxr">联系人：<span></span></p>
            <p>电话:<span></span></p>
            <p>邮件:<span></span></p>
	</div>
    <div class="tzxm clearfix">
    <c:if test="${!empty pro_info}">
    <c:forEach items="${pro_info}" var="Map" varStatus="status">
     <div title="${Map['pro_id'] }">
                <img src="img/center_bg.png">
                <p>${Map['pro_name']}</p>
                <p>您已投资${Map['pro_acount']}人民币</p>
            </div>
    </c:forEach>
    </c:if>
      <a href="inve/havebeen?pagenow=1">首页</a>   
    <c:if test="${requestScope.pageinfo.getPagenow()>1}">
      
        <div>
        <a href="inve/havebeen?pagenow=${requestScope.pageinfo.getPagenow()}&&type=up">上一页</a>  
    </c:if>   
    跳转到第 <select  name="pagenow" class="pro_dian">  </div>
    <c:forEach begin="1" end="${requestScope.pageinfo.getPagesum()}" step="1" var="pageIndex">  
     
                <option value="${pageIndex}" selected="selected">${pageIndex}</option>         
    </c:forEach>  
    </select>页   
   
    <c:if test="${requestScope.pageinfo.pagenow<requestScope.pageinfo.getPagesum()}">  
        <a href="inve/havebeen?pagenow=${requestScope.pageinfo.getPagenow()}&&type=down">下一页</a>  
    </c:if>  
    <a href="inve/havebeen?pagenow=${requestScope.pageinfo.getPagesum()}">末页</a>  
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript">
        $(".tzxm>div").mouseover(function(){
            $(this).children().stop().fadeIn();
        });
        $(".tzxm>div").mouseout(function(){
            $(this).children().stop().fadeOut();
        });
        $(".tzxm>div").click(function(){
			var project_id=$(this).attr('title');
        	$(".tzxm").css('display','none');
			$(".dtxm-fy").css('display','block');
			mem_info("./inve/showproject",project_id);
			return false;
		})
		function callback(data){
		 $(".dtxm-fy-xx").children().eq(0).append(data.pro_teamname);
		 $(".dtxm-fy-xx").children().eq(1).append(data.pro_type);
		 $(".dtxm-fy-xx").children().eq(2).append(data.pro_progress);
		 $(".dtxm-fy-xx").children().eq(3).append(data.pro_acount);
		 $(".dtxm-fy-xx").children().eq(4).append(data.pro_time);
		 $(".dtxm-fy").children().eq(3).append(data.pro_content).css("margin-bottom","10px");
		 $(".dtxm-fy").children().eq(4).append(data.pro_pname);
		 $(".dtxm-fy").children().eq(5).append(data.pro_tel);
		 $(".dtxm-fy").children().eq(6).append(data.pro_mail);
		}
		
        
		function mem_info(mem_url,id) {
		      $.ajax({
		         type: "post",
		         url: mem_url,
		         data: {"id":id},
		         dataType: "json",
		         success:function(data){
		             callback(data);
		         },
		         error: function (e) {
		             alert(e.massage)
		         }
		     });
		     } 

        
</script>